﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Mahira | VCard | CV HTML Template</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<style>
    .kf{
        color: black;
        font-size: 20px;
    }
</style>
<body>

<div class="page-wrapper default-version">
 	
    <!-- Preloader -->
    <div class="preloader"></div>

    <div class="page-background">
        <div class="image-1"><img src="images/icons/shape/icon-1.png" class="now-in-view" alt=""></div>
        <div class="image-7"><img src="images/icons/shape/icon-7.png" class="now-in-view" alt=""></div>
        <canvas id="canvas"></canvas>
    </div>

    <!-- Mobile menu -->
    <div class="mobile-menu">
        <div class="container">
            <!--Nav Outer-->
            <div class="nav-outer clearfix">
                <div class="logo"><a href="index.jsp"><img src="images/logo.png" alt=""></a></div>
                <!-- Main Menu -->
                <nav class="main-menu">
                    <div class="navbar-header">
                        <!-- Toggle Button -->      
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    
                    <div class="navbar-collapse collapse scroll-nav clearfix">
                        <ul class="navigation clearfix">
                            
                            <li class="current"><a href="#home">Home</a></li>
                            <li><a href="#about">About</a></li>
                            <li><a href="#resume">Resume</a></li>
                            <li><a href="#services">Services</a></li>
                            <li><a href="#work">Works</a></li>
                            <li><a href="#blog">Blog</a></li>
                            <li><a href="#contact">Contact</a></li>

                         </ul>
                    </div>
                </nav>
                <!-- Main Menu End-->                        
            </div>
            <!--Nav Outer End-->            
        </div>
    </div>
 	
    <div class="card-outer">
        <div class="scroll-box">
            <div class="container" data-animation-in="fadeInLeft" data-animation-out="fadeOutLeft">
                <div class="card-wrapper">
                    <div class="author-info" style="background-image:url(images/background/3.jpg)">
                        <div class="image"><img src="images/resource/${fm.dximg}" alt=""></div>
                        <div class="author">
                            <h3>${fm.xm}</h3>
                            <div class="designation">
                                ${fm.p1}
                                <div class="typing-title">
                                    <p>一个 <strong>${fm.p2}</strong></p>
                                    <p>一个 <strong>${fm.p3}</strong></p>
                                    <p>一个 <strong>${fm.p4}</strong></p>
                                </div>
                                <span class="typed-title"></span>
                            </div>
                        </div>
                        <div class="link-btn">
                            <a href="#" class="theme-btn btn-style-one">下载</a>
                        </div>
                        <ul class="social-icon-two">
                            <li><a href="#"><span class="fa fa-facebook"></span></a></li>
                            <li><a href="#"><span class="fa fa-twitter"></span></a></li>
                            <li><a href="#"><span class="fa fa-google-plus"></span></a></li>
                            <li><a href="#"><span class="fa fa-pinterest"></span></a></li>
                        </ul>
                    </div>
                    <div class="card-inner-box offsetleft">
                        <header class="header">
                            <ul class="main-menu">
                                <li class="home"><a class="logo" href="/queryAll"><img src="images/logo.png" alt=""></a></li>
                                <li class="active"><a href="#blog"><i class="flaticon-layers-1"></i>项目</a></li>
                            </ul>
                        </header>

                        <!-- card item -->
                        <div class="card-blog single-post card-item active" id="blog" style="background-image:url(images/background/2.jpg)">
                            <div class="card-inner">
                                <h4 class="title">项目</h4>
                                <div class="news-block">
                                    <div class="inner-box">
                                        <div class="image">
                                            <img src="images/resource/blog-1.jpg" alt="">
                                        </div>
                                        <div class="date"><strong>${xmfm.n}</strong> <br>${xmfm.yue}</div>
                                        <div class="lower-content">
                                            <h4>${xmfm.xmm}</h4>
                                            <div class="post-meta">${xmfm.rm}  /  <span>${xmfm.sj}</span></div>
                                            <div class="text">
                                                <p class="kf">开发/测试环境:</p>${xmfm.kfhj}<br>
                                                <p class="kf">责任描述:</p>${xmfm.zrms}<br>
                                                <p class="kf">项目描述:</p>${xmfm.xmjs}<br>
                                                <p class="kf">技术要点:</p>${xmfm.jsyd}<br>
                                                ${xmfm.jsyd2}<br>
                                                ${xmfm.jsyd3}<br>
                                                ${xmfm.jsyd4}<br>
                                                ${xmfm.jsyd5}<br>
                                                ${xmfm.jsyd6}<br>
                                                ${xmfm.jsyd7}<br>
                                                ${xmfm.jsyd8}<br>
                                                ${xmfm.jsyd9}<br>
                                                ${xmfm.jsyd10}<br>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                    
            </div>
        </div>
            
    </div>

</div>
<!--End pagewrapper-->


<script src="js/jquery.js"></script> 

<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/appear.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/element-in-view.js"></script>
<script src="js/knob.js"></script>
<script src="js/validate.js"></script>
<script src="js/mousemoveparallax.js"></script>
<script src="js/pagenav.js"></script>
<script src="js/jquery-type.js"></script>
<script src="js/particle-alone.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/script.js"></script>

<!--Google Map APi Key-->
<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyATY4Rxc8jNvDpsK8ZetC7JyN4PFVYGCGM"></script>
<script src="js/gmaps.js"></script>
<script src="js/map-script.js"></script>
<!--End Google Map APi-->

</body>
</html>
